/*XiaoXia*/
.product_case_sort{ font-size: 16px;background: #fff; position: relative;}
.product_case_sort a{cursor: pointer;}
.product_case_sort dl{ padding: 10px 50px 10px 0; line-height: 30px; position: relative}
.product_case_sort dt{ position: absolute; color: #999999; padding-top: 4px;}
.product_case_sort dd{ position: relative; padding-left: 130px; height: 40px; verflow: hidden ;transition: 0.3s }
.product_case_sort .more{ font-size: 14px;color: #999999; position: absolute; right: 0; padding-right: 18px; z-index: 5}
.product_case_sort .more:before,
.product_case_sort .more:after{ content: ''; position: absolute; background: #9d9d9d; display: block; transition: 0.3s }
.product_case_sort .more:before{ width: 10px; height: 2px; top: 14px; right: 0;}
.product_case_sort .more:after{ width: 2px; height: 10px; top: 10px; right: 4px;}
.product_case_sort .all{ position: absolute; top: 4px;}
.product_case_sort a.on{ color: #ffffff; background: #ed6d1f;}
.product_case_sort ul{ padding-left: 70px;transition: 0.3s }
.product_case_sort ul li{ float: left; padding-top: 4px; padding-bottom: 4px;}
.product_case_sort ul li a{ position: relative; display: inline-block; white-space: nowrap; margin: 0px 8px; }
.product_case_sort ul li a:hover{ color: #ffffff; background: #ed6d1f;}
.product_case_sort .show dd{ max-height: inherit}
.product_case_sort .show .more:after{ opacity: 0}
.product_case_box .search_box{ padding-right: 0}
.product_case_box .search_box dd{ max-height: inherit}
.product_case_box .search_box ul{ padding-left: 0; width: 72%; float: left;}
.product_case_box .search_box ul li{ padding-right: 20px;}
.product_case_box .search_box ul li a{ color: #999999}
.product_case_box .search_box ul li a:hover{ color: #ed6d1f}
.product_case_box .search_box .search{ float: right;width: 24%; padding-right: 32px; position: relative ;border-bottom: solid 1px #e5e5e5}
.product_case_box .search_box .search .text{ color: #999999; font-size: 14px; width: 100%; height: 32px; border: none; background: none}
.product_case_box .search_box .search .btn{ position: absolute; right: 0; top: 0; height: 100%; width: 32px; display: block; background: url(../images/search_icon2.png) no-repeat center center;}
.product_case_sort#ProSort{ margin-top: -100px; padding: 3%; box-shadow: 0 10px 40px rgba(0,0,0,0.15)}
.product_case_sort#ProSort dl{border-bottom: dashed 1px #e2e2e2;}
.product_case_sort#ProSort dl.search_box{ border-bottom: none;padding-top:20px;}
.product_case_sort#ProSort dl.search_box a{ padding:0 10px;}
.product_case_sort#ProSort ul li a{border: solid 1px #fff}
.product_case_sort#ProSort dl.search_box ul li a{border-color: #d4d4d4; }
.product_case_sort#ProSort dl.search_box ul li a:hover{border-color: #ed6d1f; }
.product_case_sort#CaseSort{ padding-top: 2%}
.product_case_sort#CaseSort dl:not(.search_box){ padding-top: 10px; padding-bottom: 10px;}
.product_case_sort#CaseSort dl:not(.search_box) dt{ padding: 2px 0; top: 15px; background-color: #ed6d1f; color: #fff; width: 90px; text-align: center}
.product_case_sort#CaseSort dl:not(.search_box) dt:before{ content: ''; right: -16px; top: 8px; position: absolute; border: solid 8px transparent; border-left-color: #ed6d1f}
.product_case_sort#CaseSort dl.search_box{border-top:solid 1px #e2e2e2; margin-top: 2%; padding-top: 32px;}
.product_case_sort#CaseSort dl.search_box ul{ width: 50%}
.product_case_sort#CaseSort dl.search_box .search{ width: 45%;}
.product_case_sort#CaseSort a.on:after{ content: ''; display: block; width: 100%; height: 1px; background-color: #ed6d1f; position: absolute;}
.filter{border:1px solid #ddd; color: #ed6d1f!important; display: none;position: fixed;z-index: 199;right: 0;bottom: 70px;padding: 5px 20px;padding-left: 50px;background: #fff url(../images/icon.svg) no-repeat 10px center;background-size: 30px auto;}
.filter b{ display: block;font-size: 14px;line-height: 1.2;width: 30px;}
.filter.close{background: transparent;padding: 0;width: 25px;height: 25px;top: 10px;right: 2%;border-color:transparent;}
.filter.close::before,.filter.close::after{content:"";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: #333;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.filter.close::before{width: 100%;height: 2px;}
.filter.close::after{height: 100%;width: 2px;}
.filter.close b,.filter.close span{display: none;}
@media(min-width:960px){
.product_case_box .search_box ul{width: 50%;}
.product_case_box .search_box ul li{padding-right: 20px; float: left; padding-top: 4px; padding-bottom: 4px;}
.product_case_sort .search_box dd{position: relative; padding-left: 130px; height: 40px; overflow: hidden ; transition: all .3s;}
.product_case_box .search_box .search{float: right; width: 45%;max-width:400px;}
}
@media(max-width:960px){
.product_case_sort#ProSort dl.search_box dt{display:none;}
.product_case_sort{font-size: 15px; }
.product_case_sort dl{ padding-top: 10px; padding-bottom: 10px;}
.product_case_sort dd{ padding-left: 80px;}
.product_case_sort ul{ padding-left: 45px}
.product_case_box .search_box .search{ margin-top: 3%}
.product_case_box .search_box .search,
.product_case_box .search_box ul,
.product_case_box .search_box ul,
.product_case_box .search_box .search{ width: 45%; }
.product_case_sort#ProSort{display:none;position: fixed;z-index: 100;width: 100vw;height: 100vh;top: 0;left: 0;margin: 0;padding-top: 30px;overflow: auto;}
.product_case_sort#CaseSort{z-index: 5; width: 100%;top: 0;padding: 2% 2% 2%; border-bottom: 1px solid #eee;}
.product_case_sort#CaseSort{display: flex;}
.product_case_sort#CaseSort dl{width: auto; flex:1;}
.filter{display: none;}
.product_case_sort .more{display: none !important;}
/* .filter{display: block;} */
.product_case_sort#CaseSort dl:not(.search_box) dt{ text-align: center; width: auto; position: static;background-color: #fff ; color: #333; cursor: pointer;}
.product_case_sort dd{width: 100vw; position: absolute; left: -4%; height: auto; padding-left: 0; background-color: #fff; z-index: 5;}
.product_case_sort .all{position: static; display: block; padding-left: 4%;}
.product_case_sort#CaseSort dl:not(.search_box){padding: 0;}
.product_case_sort#CaseSort dl:not(.search_box) dt:before{display: none;}
.product_case_sort ul{padding-left: 0;}
/* .search_box{display: none;} */
.product_case_sort ul li{width: 50%; float: left; line-height: 50px; border-bottom: 1px solid #eee; padding-left: 4%;}
.product_case_sort dl{position: static;}
.product_case_sort#CaseSort a.on:after{left: 0;}
.product_case_sort ul li a{margin: 0;}
.product_case_sort#CaseSort dl:not(.search_box) dt span{position: relative;}
.product_case_sort#CaseSort dl:not(.search_box) dt span::after{content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #ed6d1f ; position: absolute; right: -20px; top: 8px; margin: auto; transition: all .3s; transform-origin: center 3px;}
.product_case_sort#CaseSort dl.on dt span::after{transform: rotateZ(180deg);}
.product_case_sort dd{display: none;}
.product_case_box .search_box{padding: 20px 0;}
.product_case_box .search_box dd{padding-left: 80px;}
.product_case_box .search_box dt{position: absolute; }
.product_case_box .search_box ul li{float: left;}
/* .product_case_box .search_box .search{display: none;} */
}
@media(max-width:768px){
.menu_location .auto-inner{width: 100%;}
.wapmenu{padding-left: 4%;}
.menu_location .menu ul{position: static; width: 100%; display: block;}
.product_case_box .search_box dt{display: none;}
.product_case_box .search_box ul{display: none;}
.product_case_box .search_box .search{width: 100%; float: none;}
.product_case_box .search_box dd{padding-left: 0;}
}
@media(max-width:640px){
.product_case_sort dt{ position: relative}
.product_case_sort dl.search_box dt{display:none;}
.product_case_sort dd{ padding-left: 0; min-height: 0;}
.product_case_sort dd.dd_hide{height: 0!important}
/* .product_case_sort .all,
.product_case_sort dd ul{ display: none} */
.product_case_sort .show .all,
.product_case_sort .show ul{ display: block}
/* .product_case_sort .more{ display: block!important} */
.product_case_sort .search_box dd{ height: auto}
.product_case_sort#CaseSort dl:not(.search_box) dt{ top:0}
.product_case_sort#CaseSort dl.search_box{ padding-top: 10px}
.product_case_box .search_box dt{display: none;}
.product_case_box .search_box dd{padding-left: 0;}
}
.product_list{ padding-top: 5%;}
.product_list li{ float: left; width: 23.59%; margin-left: 1.88%; margin-bottom: 1.88%}
.product_list li:nth-child(4n+1){ clear: both; margin-left: 0}
.product_list li a{ display: block; position: relative}
.product_list li .pic{ position: relative; width: 100%; top: 0; padding-bottom: 100%; background: no-repeat center center; background-size: cover; transition: 0.3s}
.product_list li .pic .isimg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.product_list li .pic_pro:befor{ content: ''; display: block; position: absolute; width:14.674%; height:14.674%; right: 0; background: url(../images/pro_icon.png) no-repeat; background-size: contain}
.product_list li .pic_room{ position: absolute; opacity: 0;}
.product_list li .info{ bottom: 0; width: 100%; padding:3.126% 5%; background-color: #66666617;}
.product_list li h3{ padding: 0; margin: 0; font-size: 18px; font-weight: bold;}
.product_list li p{ padding: 0; margin: 0; opacity: 0.8}
.product_list li:hover h3{ color: #fff;}
.product_list li:hover p{ color: #fff;}
.product_list li.show .pic_room,
.product_list li:hover .pic_room{ opacity: 1}
.product_list li.show .info,
.product_list li:hover .info{ color: #fff; background: #ed6d1f}
@media(max-width:960px){
.product_list li{ width: 49%; margin-left: 2%}
.product_list li:nth-child(2n+1){ clear: both; margin-left: 0}
.product_list li h3{font-size: 16px;}
}
@media(max-width:640px){
.product_list li h3{font-size: 14px;}
}
.menu_location .category{ color: #ed6d1f; font-size: 24px; float: left; padding-bottom: 20px; border-bottom: solid 2px #ed6d1f}
.product_details .tips{ padding-top: 1%; padding-bottom: 0.5%}
.product_details .photo_info{ background-color: #fafafa}
.product_details .photo{ float: left; width:44.872%; padding-bottom: 10px}
.product_details .photo img{ width: 100%;position:absolute;opacity:0;left:0;top:0;}
.product_details .photo .num{ height:10px; position: relative;}
.product_details .photo .num span{ position: absolute; top: -30px; line-height: 30px; padding: 0 2%; z-index: 5;}
.product_details .photo .slider-for .item .pic {padding-top: 100%;background: no-repeat center center;position:relative;}
.product_details .photo .slider-for .item .pic span {position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);padding: 1%;opacity: 0;transition: 0.5s 0.3s ease;color: #fff}
.product_details .photo .slider-for .item.slick-active .pic span {opacity: 1;}
.product_details .photo .slider-nav{ padding: 0 12%}
.product_details .photo .slider-nav .item{ padding: 20px 2px;}
.product_details .photo .slider-nav .item a{ cursor: pointer;width: 90%; margin: auto; display: block; padding-bottom: 80%; background: no-repeat center center; background-size:cover;position: relative}
.product_details .photo .slider-nav .item a span {font-size: 14px;position: absolute;left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;text-align: center; padding: 0 5px;}
.product_details .photo .slider-nav .slick-current a{ position: relative; box-shadow: 0 0 0 2px #ed6d1f}
.product_details .photo .slider-nav .slick-current a:before{ content: ''; position: absolute; left: 50%; margin-left: -12px; top: -24px; border: solid 12px transparent; border-bottom-color:#ed6d1f }
.product_details .photo .slider-nav .slick-arrow{cursor: pointer; width: 7%; height: 80%; border: solid 1px #eeeeee; background: no-repeat center center; background-size:auto}
.product_details .photo .slider-nav .slick-prev{ left: 3%; background-image: url(../images/pro_info_prev.png)}
.product_details .photo .slider-nav .slick-next{ right: 3%; background-image: url(../images/pro_info_next.png)}
.product_details .info{ float: right; width: 55.128%; font-size: 16px; padding:4% 5%}
.product_details .info .name{ font-size: 28px; padding: 1%; margin: 0; font-weight: normal}
.product_details .info .txt{ padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #e1e1e1}
.product_details .info ul li{ position: relative; padding-left: 100px; padding-bottom: 30px; min-height: 58px;}
.product_details .info ul li .text {margin: 0;display: none;}
.product_details .info ul li b{ position: absolute; left: 0; font-weight: normal; color: #999999}
.product_details .info ul.ul_txt1 li{ width: 50%; float: left; padding-right: 5%}
.product_details .info ul.ul_txt1 li:nth-child(2n+1){ clear: both}
.product_details .info ul.ul_txt2 span{ display:block; float: left; width: 50px; text-align: center}
.product_details .info ul.ul_txt2 span img{ width: 44px; height: 44px; border: solid 1px #000}
.product_details .info ul.ul_txt2 span i{ display: block; font-size: 12px; font-style: normal}
.product_details .info .other{border-top: solid 1px #e1e1e1; padding-top: 4%}
.product_details .info .other .ewm{ position: relative;float: left;border: solid 1px #e1e1e1; padding: 10px; display: table}
.product_details .info .other .ewm:before{ content: ''; display: block; position: absolute; left: 130px; top: 0; width: 1px; height: 100%; background: #e1e1e1}
.product_details .info .other .ewm img{ width: 110px;}
.product_details .info .other .ewm b{ font-weight: normal; color: #808080; padding-left: 20px; width: 160px; display: inline-block; font-size: 14px;}
.product_details .info .other .ewm span,
.product_details .info .other .ewm b{ display: table-cell; vertical-align: middle}
.product_details .info .other .btn{ float: right}
.product_details .info .other .btn a{ display: inline-block;line-height: 55px; color: #fff; background: #ed6d1f url(../images/pro_info_icon.png) no-repeat 38px; padding-left: 60px; padding-right: 40px;}
.product_details .pic_list{ padding: 5px 0;text-align:center;width: 70%;margin: auto;}
.pro_sub_title{ font-size: 36px; color: #000000; text-align: center; padding: 1.5% 0; margin: 0}
.product_other{ padding: 2% 40px 6% 40px;}
.product_other .list{ margin-left: -10px; margin-right: -10px;}
.product_other .item{ padding: 0 10px;}
.product_other .item a{ display: block; position: relative}
.product_other .item .pic{ padding-bottom: 67.064%; background: no-repeat center center; background-size: cover;border: 1px solid #ccc}
.product_other .item .info{ width: 100%; bottom: 0;}
.product_other .item h3{ padding: 2% 4%; margin: 0; font-size: 18px; font-weight: normal}
.product_other .slick-arrow{ cursor: pointer;width: 50px; height: 50px; border: solid 1px #6b6b6b; background: no-repeat center center; background-size:auto; opacity: 0.5}
.product_other .slick-prev{ left: -5%; background-image: url(../images/pro_info_prev.png)}
.product_other .slick-next{ right: -5%; background-image: url(../images/pro_info_next.png)}
@media(max-width:1200px){
.product_details .info .other .btn a{ padding-left: 40px; padding-right: 20px; background-position: 15px}
}
@media(max-width:1024px){
.product_details .info{ padding: 2%; font-size: 14px}
.product_details .info .other .ewm b{ width: 102px}
.product_details .info ul li{ padding-bottom: 10px; min-height: 38px; padding-left: 75px;}
.product_details .info ul.ul_txt1 li{ float: none; width: 100%}
.product_details .info .name{ font-size: 20px}
.pro_sub_title{ font-size: 24px}
}
@media(max-width:768px){
.product_details .photo,
.product_details .info{ float: none; width: 100%}
.product_details .photo{ padding-bottom: 0}
.product_details .info .other .ewm{ padding: 5px}
.product_details .info .other .ewm img{ width: 150px}
.product_details .info .other .ewm:before{ left: 100px}
.product_details .info .name{ font-size: 18px; font-weight: bold}
.product_details .pic_list{ padding: 2px 0;text-align: center;width: 90%;margin: auto;}
.pro_sub_title{ font-size: 22px}
.product_other .item h3{font-size: 16px;}
.menu_location .category{ font-size: 18px; padding-bottom: 10px;}
.product_other{ padding-left:20px; padding-right: 20px;}
.product_other .item .pic {padding-bottom: 100%}
.product_other .slick-arrow{ width: 40px; height: 80px;top:40%;border: none;opacity: 1;background-size:cover}
.product_other .slick-arrow.slick-prev {background-image: url(../images/slick_jt_prev.png)}
.product_other .slick-arrow.slick-next {background-image: url(../images/slick_jt_next.png)}
.product_details .info .other .ewm{display: block;}
.product_details .info .other .ewm span, .product_details .info .other .ewm b{display: block;}
.product_details .info .other .ewm:before{left: 0; width: 100%; height: 1px; top: 160px;}
.product_details .info .other .ewm b{padding-top: 10px;width: 100%;padding-left: 0}
.product_details .info .other .ewm img{display: block; margin: auto;}
}
@media(max-width:640px){
}
.case_list{ padding-top: 1%;}
.case_list li{ float: left; width: 23.59%; margin-left: 1.88%; margin-bottom: 1.88%}
.case_list li:nth-child(4n+1){ clear: both; margin-left: 0}
.case_list li a{ display: block; position: relative}
.case_list li .pic{ position: relative; overflow: hidden;}
.case_list li .pic span{ display: block; width: 100%; top: 0; padding-bottom: 75%; background: no-repeat center center; background-size: cover;}
.case_list li .info{ padding: 10px 0; line-height: 32px;}
.case_list li h3{ padding:10px 0; margin: 0; font-size: 20px; font-weight: bold;}
.case_list li p{ padding: 0; margin: 0; opacity: 0.8; height: 32px; overflow: hidden}
.case_list li p span{ color: #666; font-size: 16px; display: inline-block; background: #fafafa; padding: 0px 17px; margin-right: 10px}
.case_list li a:hover{ box-shadow: 0 0 20px #eee}
@media(max-width:960px){
.case_list li{ width: 49%; margin-left: 2%}
.case_list li:nth-child(2n+1){ clear: both; margin-left: 0}
.case_list li h3{font-size: 16px; padding: 0}
.case_list li p span{ font-size: 13px;}
}
.case_info{ background: #f8f8f8; padding: 3% 0; font-size: 16px}
.case_info .sub_title{ padding: 0; margin: 0; font-size: 24px; font-weight: normal}
.case_info h2.sub_title{padding: 15px 0; font-size: 20px;}
.case_details{ float: left; width: 66.667%;}
.case_details .hits{ display: none}
.case_details .details{ padding: 3.847%; background: #fff}
.case_details .info .txt{ padding-top: 1%; padding-bottom: 2%}
.case_details .info .txt span{ color: #666; font-size: 16px; display: inline-block; background: #fafafa; padding: 0px 17px; margin-right: 10px; margin-bottom: 5px;}
.case_details .photo img{ width: 100%; position:absolute;opacity:0;left:0;top:0;}
.case_details .photo .slider-for{ margin-bottom: 20px;}
.case_details .photo .slider-for .item .image {padding-top: 60%;position:relative;}
.case_details .photo .slider-for .slick-arrow{cursor: pointer; width: 48px; height: 16%; border: solid 1px #eeeeee; background: #fff no-repeat center center; background-size:auto}
.case_details .photo .slider-for .slick-arrow:hover {background-color: #ed6d1f; border-color: #ed6d1f; }
.case_details .photo .slider-for .slick-arrow::after {content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%);transform: translate(-50%);width: 24px;height: 10px;}
.case_details .photo .slider-for .slick-prev{ left: 2%;}
.case_details .photo .slider-for .slick-prev::after {background-image: url(../images/pro_info_prev.png);background-repeat: no-repeat;}
.case_details .photo .slider-for .slick-prev:hover::after {background-image: url(../images/page-arrows.png);}
.case_details .photo .slider-for .slick-next {right: 2%;}
.case_details .photo .slider-for .slick-next::after {background-image: url(../images/pro_info_next.png);background-repeat: no-repeat;}
.case_details .photo .slider-for .slick-next:hover::after {background-image: url(../images/page-arrows.png);background-position: right 0}
.case_details .photo .slider-nav{ padding: 0 60px}
.case_details .photo .slider-nav .item{ padding: 8px;}
.case_details .photo .slider-nav .item a{ cursor: pointer;width: 96%; margin: auto; display: block;border: solid 7px #fff; padding-bottom: 60%; background: no-repeat center center; background-size:cover;position: relative; box-shadow: 0 0 0 1px #eee;}
.case_details .photo .slider-nav .item p{width: 100%; text-align: center; color: #666; margin: 0; font-size: 14px; line-height: 1.6; text-align: center;margin-top: 12px}
.case_details .photo .slider-nav .slick-current a{ }
.case_details .photo .slider-nav .slick-arrow{cursor: pointer; width: 48px; height: 90%; border: solid 1px #eeeeee; background: no-repeat center center; background-size:auto}
.case_details .photo .slider-nav .slick-prev{ left: 0; background-image: url(../images/pro_info_prev.png)}
.case_details .photo .slider-nav .slick-next{ right: 0; background-image: url(../images/pro_info_next.png)}
.case_details .pre_next{ text-align: center; padding: 3% 0}
.case_details .pre_next a{ color: #666666; display: inline-block; border: solid 1px #eeeeee; padding: 1% 0; margin: 0 2%; width: 40%; max-width: 150px}
.case_details .pre_next a:hover{ color: #fff; background: #ed6d1f; border-color: #ed6d1f}
.case_details .house .sub_title{ text-align:center}
.case_details .house .time{ padding:10px 0; color:#666666; text-align:center}
.case_details .house .time span{ display:inline-block; white-space:normal; padding:0 10px;}
.case_details .house .txt2{ padding:2% 0}
.case_details .house .txt2 li{ float:left; width:18%; margin-right:2.5%; padding: 1%; border-top:solid 1px #e5e5e5}
.case_details .house .txt2 li span{ color:#999999; display:block; padding:10px 0;}
.case_details .house .txt2 li:last-child{ margin-right:0;}
.case_details .house .txt3{ padding:2% 0}
.case_details .house .txt3 li{float:left; width:12%; margin-right:2.666%; text-align:center}
.case_details .house .txt3 li a{ display:block; padding-top:60px; padding-bottom:30px; background:#f8f8f8 no-repeat center 20px}
.case_details .house .txt3 li:last-child{margin-right:0;}
.case_details .house .txt3 li.n_ln{ display:none}
.case_details .house .txt3 li.n_ln a{background-image: url(../images/i_0.png)}
.case_details .house .txt3 li.n_hxt a{background-image: url(../images/i_1.png)}
.case_details .house .txt3 li.n_xg a{background-image: url(../images/i_2.png)}
.case_details .house .txt3 li.n_kt a{background-image: url(../images/i_3.png)}
.case_details .house .txt3 li.n_ct a{background-image: url(../images/i_4.png)}
.case_details .house .txt3 li.n_cf a{background-image: url(../images/i_5.png)}
.case_details .house .txt3 li.n_ws a{background-image: url(../images/i_6.png)}
.case_details .house .txt3 li.n_wsj a{background-image: url(../images/i_7.png)}
.case_details .house .txt3 li:hover a{ color:#fff; background-color:#ed6d1f}
.case_details .house .txt3 li.n_ln:hover a{background-image: url(../images/i_0on.png)}
.case_details .house .txt3 li.n_hxt:hover a{background-image: url(../images/i_1on.png)}
.case_details .house .txt3 li.n_xg:hover a{background-image: url(../images/i_2on.png)}
.case_details .house .txt3 li.n_kt:hover a{background-image: url(../images/i_3on.png)}
.case_details .house .txt3 li.n_ct:hover a{background-image: url(../images/i_4on.png)}
.case_details .house .txt3 li.n_cf:hover a{background-image: url(../images/i_5on.png)}
.case_details .house .txt3 li.n_ws:hover a{background-image: url(../images/i_6on.png)}
.case_details .house .txt3 li.n_wsj:hover a{background-image: url(../images/i_7on.png)}
.case_details .house_photo { padding:1% 0;}
.case_details .house_photo .title{ line-height:40px; font-size:24px; padding:0; margin:0 0 20px 0; border-bottom:solid 1px #e5e5e5}
.case_details .house_photo .title span{ padding:10px 0; font-weight:normal; border-bottom:solid 2px #ed6d1f; display:inline-block; margin-bottom:-1px;}
.case_details .house_photo .pic_list{ padding:5px 0}
@media(max-width: 768px) {
.case_details .photo .slider-nav {padding: 0 20px}
.case_details .photo .slider-nav .item a {padding-bottom: 85%}
.case_details .pre_next a {font-size: 14px}
}
.case_other { padding-top: 6%;}
.case_other .sub_title{border-bottom: solid 1px #dfdfdf}
.case_other .list{ padding: 4% 0; margin-left: -10px; margin-right: -10px;}
.case_other .item{ padding: 0 10px;}
.case_other .item a{ display: block; position: relative}
.case_other .item .pic{ padding-bottom: 67.064%; background: no-repeat center center; background-size: cover}
.case_other .item h3{ padding: 2% 0; margin: 0; font-size: 18px; font-weight: normal}
.case_other .item p{ padding: 0; margin: 0}
.case_other .item p span{ display: inline-block; position: relative; padding-right: 10px;}
.case_other .item p span:after{ content: ''; right: 2px; top: 30%; width: 1px; height: 40%; position: absolute; background: #7f7f7f}
.case_other .item p span:last-child:after{ display: none}
.case_right{ float: right; width: 30.77%;padding: 2.847% 1.924%; background: #fff}
.case_right .box_input{ padding: 10px; margin-bottom: 18px; position: relative; background-color: #f8f8f8}
.case_right .box_input label{ color: #666666; position: absolute}
.case_right .box_input .text{ width: 100%; height: 30px; border: none; background: none}
.case_right .box_input textarea.text{ height: 100px;}
.case_right .select_box{ text-align: center; padding-bottom: 18px;}
.case_right .select_box select{ font-size:16px; display:inline-block!important; padding: 0px 10px; width: 32%; background-color: #f8f8f8; height: 50px; border: none}
.case_right .btn_submit .btn{ width: 100%; color: #fff; height: 50px; border: none; cursor: pointer; background: #ed6d1f}
.case_right .hot_photo{ padding-top: 5%}
.case_right .hot_photo ul li{ padding: 5px 0}
.case_right .hot_photo ul a{ display:block; position: relative}
.case_right .hot_photo ul .pic{ display: none}
.case_right .hot_photo ul .pic img{ width: 100%}
.case_right .hot_photo ul h3{ position: relative; font-size: 16px; line-height: 40px; padding: 0px 23px; margin: 0; font-weight: normal;border-bottom: solid 1px #e5e5e5}
.case_right .hot_photo ul h3:before{ content: ''; position: absolute; left: 9px; display: block; top: 18px; width: 4px; height: 4px; background: #999999}
.case_right .hot_photo ul li:last-child h3{ border-bottom: none}
.case_right .hot_photo ul .show .pic{ display: block}
.case_right .hot_photo ul .show h3{ color: #ed6d1f; position: absolute; bottom: 0; width: 100%;background: rgba(255,255,255,0.5)}
.case_right .hot_photo ul .show h3:before{background: #ed6d1f}
.case_right .hot_design{ padding-top: 5%}
.case_right .hot_design ul li{ padding: 10px 0;}
.case_right .hot_design ul a{ display: table; width: 100%}
.case_right .hot_design ul .pic,
.case_right .hot_design ul .txt{ display: table-cell; vertical-align: middle}
.case_right .hot_design ul .pic{ width: 43%}
.case_right .hot_design ul .pic img{ width: 100%;}
.case_right .hot_design ul .txt{ padding-left: 20px;line-height: 30px;}
.case_right .hot_design ul .txt h3{ padding:0; margin: 0; font-size: 16px; font-weight: normal; max-height: 60px;}
.case_right .hot_design ul .hits{ display: block; height: 30px; padding-left: 18px; background: url(../images/hits.png) no-repeat left}
@media(max-width:1024px){
.case_info .sub_title{ font-size: 20px; }
.case_info h2.sub_title{font-size: 18px;}
.case_right .select_box select{ width:100%; margin-bottom:5px;}
.case_right .box_input{ margin-bottom:5px}
.case_details .house_photo .title{font-size: 18px;}
.case_details .house .txt3{ font-size:14px;}
}
@media(max-width:768px){
.case_right .hot_photo,
.case_right .hot_design {display: none;}
.case_info{font-size: 14px}
.case_details .info .txt span{ font-size: 13px;}
.case_details .house .txt2 li{ width:48%; margin:1%}
.case_details .house .txt3 li{ width:23%; margin:1%;}
.case_details .house .txt3 li a{ padding-top:40px;; padding-bottom:10px; background-position: center 10px}
.case_details .house .txt3 li.n_ln{ display:block}
.case_details,
.case_right{ float: none; width: 100%}
.case_right .select_box select{ font-size:14px;}
.case_details .photo .slider-nav .item a p{font-size: 12px;}
}
.photo_list{ padding-top: 3%;}
.photo_list li{ float: left; width:30.77%; margin-left:3.845%; margin-bottom: 1.88%}
.photo_list li a{ display: block; position: relative}
.photo_list li .pic{position: relative; overflow: hidden}
.photo_list li .pic span{ display: block; width: 100%; top: 0; padding-bottom: 68.336%; background: no-repeat center center; background-size: cover;}
.photo_list li .info{position:absolute; bottom:0; width:100%; padding:1% 3%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.photo_list li h3{ color:#fff; padding:10px 0; margin: 0; font-size: 20px; font-weight: normal}
@media(min-width:768px){
.photo_list li:nth-child(3n+1){ clear: both; margin-left: 0}
}
@media(max-width:768px){
.photo_list li{ width: 49%; margin-left: 2%}
.photo_list li:nth-child(2n+1){ clear: both; margin-left: 0}
.photo_list li h3{font-size: 15px; padding: 0}
}
.search_list{ padding-top: 3%}
.search_list li{ padding: 15px 0; border-bottom: dashed 1px #89898a;}
.search_list li,
.search_list li a{ color: #89898a}
.search_list li a:hover{ color: #ba936b}
.search_list li time{ float: right}
.link_list{ padding-top: 3%}
.link_list ul li{ float: left; width: 16.666%; padding: 1%;}
.link_list ul li a{ display: block; border: solid 1px #eee; background-color: #fff; padding: 10px;}
.link_list ul li .photo{ overflow: hidden}
.link_list ul li span{ display: block; padding-bottom: 38%; background: no-repeat center center; background-size: contain}
.link_list ul li h4{ padding: 10px 0; font-size: 16px; margin: 0; font-weight: normal}
@media(max-width:1024px){
.link_list ul li{ width: 25%}
}
@media(max-width:640px){
.link_list ul li{ width: 50%}
}
.article_info .article{ padding: 3%; min-height: 200px;}
/*ShaoLing*/
/* 视频弹窗 */
.video-play-wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background-color: rgba(0, 0, 0, .5);
display: none;
width: 100%;
height: 100%;
}
.video-play-wrap .inner {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80%;
height: 90%;
}
.video-play-wrap video {
position: absolute;
width: 100%;
height: 100%;
}
.video-play-wrap .close-btn {
background: rgba(30, 30, 30, .6);
cursor: pointer;
height: 44px;
padding: 10px;
transition: color .2s;
vertical-align: top;
width: 44px;
position: absolute;
right: 0;
top: 0;
color: #ccc;
}
.video-play-wrap .close-btn svg path {
fill: transparent;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.About_tit{ font-size: 30px; margin: 0; font-weight: normal; text-align: center;}
.About_tit p{ margin: 0; font-size: 16px; color: #666;}
.About_box1{ background: url(../images/about_bg1.jpg) repeat; padding: 3.5% 0 1.5%;}
.About_box1 .fl{ width: 55%;}
.About_box1 .About_tit{ text-align: left;}
.About_box1 .fl .txt{ font-size: 16px; line-height: 36px; padding: 1% 0 0 0; color: #666; text-align: justify;}
.About_box1 .fr{ width: 38%;}
.About_box2{ padding: 3% 0 6%;}
.About_box2 ul{ margin-top: 3%;}
.About_box2 li{ width: 32.052%; margin-right: 1.9%; float: left; position: relative; overflow: hidden;}
.About_box2 li:nth-child(3){ margin-right: 0;}
.About_box2 li figure{ padding-top: 80%;}
.About_box2 li .txt{ position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; font-size: 16px; padding: 0 11%; transition: all 0.5s; z-index: 5; height: 60px;}
.About_box2 li .txt h3{ font-size: 20px; margin-top: 0; font-weight: normal;}
.About_box2 li .txt p{ opacity: 0;}
.About_box2 li::before,
.About_box2 li::after{ content: ''; position: absolute; left: 0; bottom: 0;}
.About_box2 li::before{ width: 100%; height: 37%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);}
.About_box2 li:hover::after{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.About_box2 li:hover ::before{ opacity: 0;}
.About_box2 li:hover .txt{ transform: translateY(50%); bottom: 50%; height: auto; }
.About_box2 li:hover .txt p{ opacity: 1;}
.About_box3{ background-color: #f7f7f7; padding: 4% 0;}
.About_box3 ul{ margin-top: 3%;}
.About_box3 li{ float: left; width: 48.718%; margin-right: 2.56%; margin-bottom: 2%;}
.About_box3 li:nth-child(2n){ margin-right: 0;}
.About_box3 li:nth-child(2n+1){ clear: both;}
.About_box3 li figure{ padding-top: 52.633%;}
.About_box3 li .txt{ background-color: #fff; padding: 5% 6%; min-height: 286px; text-align: justify;}
.About_box3 li h3{ margin: 0 0 2%; font-size: 20px;}
.About_box3 li p{ margin: 0; font-size: 16px; line-height: 32px; color: #666666;}
@media(max-width:1400px){
.About_box2 li .txt h3{ font-size: 18px;}
.About_box2 li .txt{ padding: 0 5%; font-size: 14px; line-height: 28px;}
}
@media(max-width:1024px){
.About_tit{ font-size: 24px;}
.About_tit p{ font-size: 14px;}
.About_box1 .fl,
.About_box1 .fr{ width: 100%; float: none;}
.About_box1 .fr{ text-align: center; margin: 2% 0;}
.About_box1 .fl .txt,
.About_box3 li p{ font-size: 14px; line-height: 28px;}
.About_box3 li h3{ font-size: 18px;}
}
@media(max-width:768px){
.About_box2 li,
.About_box3 li{ width: 100%; margin-right: 0; margin-bottom: 2%;}
.About_box3 li .txt{ min-height: auto;}
}
.video_list{ padding-top: 5%;}
.honor_list li{ width: 33.33%; float: left; text-align: center;}
.honor_list li a{ display: block; width: 100%; padding: 2% 2% 10%; border: 1px solid #ececec; margin-left: -1px; margin-bottom: -1px; transition: all 0.5s;}
.honor_list li figure{ position: relative; padding-top: 80%;}
.honor_list li img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;}
.honor_list li p{ margin: 0; font-size: 18px; color: #333;}
.honor_list li a:hover{ box-shadow: 0 0 25px rgba(0,0,0,0.1); border-color: #fff;}
@media(max-width:640px){
.honor_list li{ width: 50%;}
.honor_list li p{ font-size: 16px;}
}
.video_list{ padding-top: 5%;}
.video_list li{ width: 32.052%; margin-right: 1.9%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-bottom: 2%;}
.video_list li:nth-child(3n){ margin-right: 0;}
.video_list li figure{ position: relative; padding-top: 64%;}
.video_list li .video_bn,
.video_list li figure::before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video_list li figure::before{ content: ''; background: url(../images/play_icon.png) no-repeat center rgba(0,0,0,0.2); transition: 0.5s}
.video_list li .video_bn{ z-index: 10;}
.video_list li p{ margin: 0; background-color: #f7f7f7; padding: 5% 9%; font-size: 18px; color: #333333; line-height: 28px;}
.video_list li time{ float: right; font-size: 14px; color: #999999; margin-left: 10px;}
.video_list li:hover p{ color: #fff; background-color: #ed6d1f}
.video_list li:hover figure::before{ background-color: transparent; opacity: 0.5}
@media(max-width:1024px){
.video_list li p{ font-size: 16px;}
.video_list li time{ font-size: 12px;}
}
@media(max-width:768px){
.video_list li{ width: 49%; margin-right: 2%;}
.video_list li:nth-child(3n){ margin-right: 2%;}
.video_list li:nth-child(2n){ margin-right: 0;}
}
@media(max-width:640px){
.video_list li{ width: 100%; margin-right: 0!important;}
.video_list li p{ font-size: 14px;}
}
.Charity_list .list{ padding: 5% 0;}
.Charity_list .list:nth-child(2n){ background-color: #f7f7f7;}
.Charity_list .list .pic{ width: 63.5%;}
.Charity_list .list .txt{ padding: 3% 2% 3% 6%;}
.Charity_list .list .txt *{ margin: 0; font-weight: normal;}
.Charity_list .list h3{ font-size: 24px; color: #333333; padding-bottom: 3%;}
.Charity_list .list h4{ font-size: 16px; color: #666666;}
@media(max-width:1000px){
.Charity_list .list h3{ font-size: 20px;}
}
@media(max-width:640px){
.Charity_list .ytable-cell{ display: block; width: 100%!important;}
.Charity_list .list .txt{ padding: 3% 0;}
.Charity_list .list h3{ font-size: 16px; padding-bottom: 0;}
.Charity_list .list h4{ font-size: 12px;}
}
.brand_power{ padding: 5% 0 2.5%;}
.brand_power .tit{ text-align: center; padding-bottom: 3%;}
.brand_power .tit *{ font-weight: normal; margin: 0;}
.brand_power .tit h3{ font-size: 30px; color: #333; padding-bottom: 10px;}
.brand_power .tit h4{ font-size: 16px; line-height: 32px; color: #666;}
.brand_power li{ margin-bottom: 2.5%;}
.brand_power .pic{ width: 70.55%;}
.brand_power .txt{ background-color: #f8f8f8; padding: 2% 0 2% 5%;}
.brand_power .txt b{ font-size: 36px; color: #ed6d1f;}
.brand_power .txt h2{ font-size: 24px; color: #333;}
.brand_power .txt h2::after{ content: ''; display: block; width: 30px; height: 3px; background-color: #333333; margin-top: 2%;}
.brand_power .txt p{ font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 0; max-width: 235px;}
@media(max-width:1024px){
.brand_power .tit h3{ font-size: 26px;}
.brand_power .txt b{ font-size: 32px;}
.brand_power .txt h2{ font-size: 20px;}
.brand_power .txt p{ line-height: 26px; font-size: 14px;}
}
@media(max-width:768px){
.brand_power .tit h3{ font-size: 22px;}
.brand_power .tit h4{ font-size: 14px; line-height: 26px;}
.brand_power .txt{ padding-left: 2%;}
.brand_power .txt b{ font-size: 28px;}
.brand_power .txt h2{ font-size: 18px; margin: 2% 0;}
.brand_power .txt p{ line-height: 26px; font-size: 14px;}
}
@media(max-width:640px){
.brand_power .ytable-cell{ display: block; width: 100%!important;}
.brand_power .txt{ padding: 4% 5%;}
}
.Green_factory .list_con .list{ padding: 4.5% 0;}
.Green_factory .tit{ font-size: 30px; font-weight: normal; color: #333333; margin: 0;}
.Green_factory article{ font-size: 18px; line-height: 36px; color: #666666;}
.Green_factory article::after{ content: ''; display: block; width: 20px; height: 3px; background-color: #ed6d1f; margin: 50px 0;}
.Green_factory .list_con .content { max-width: 1560px; margin: 0 auto; position: relative; width: 92%;}
.Green_factory .list_con .list:first-child .fr{ width: 53.847%;}
.Green_factory .list_con .list:first-child .fl{ width: 50%; margin-right: -3.847%; background-color: #fff; position: relative; z-index: 2; margin-top: 5%; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 5%;}
.Green_factory .list_con .list:nth-child(2){ padding: 0;}
.Green_factory .list_con .list:nth-child(2) .content { width: 100%; display: table; table-layout: fixed; max-width: 100%;}
.Green_factory .list_con .list:nth-child(2) .content::after{ display: none;}
.Green_factory .list_con .list:nth-child(2) .fl,
.Green_factory .list_con .list:nth-child(2) .fr{ display: table-cell; vertical-align: middle; float: none;}
.Green_factory .list_con .list:nth-child(2) .fr{ width: 50.447%;}
.Green_factory .list_con .list:nth-child(2) .fl{ background-color: #f7f7f7;}
.Green_factory .list_con .list:nth-child(2) .fl .txt{ max-width: 780px; padding: 2% 8%; }
.Green_factory .list_con .list:nth-child(3) .fr{ width: 50%;}
.Green_factory .list_con .list:nth-child(3) .fl{ width: 50%; padding: 5% 4.5%; text-align: justify; margin-top: 8.5%;}
.Green_factory .list_con .list:nth-child(3) .content{ padding-bottom: 2%;}
.Green_factory .list_con .list:nth-child(3) .content::before{ content: ''; height: 90%; width: 80%; left: 0; bottom: 0; border: 1px solid #cccccc; position: absolute;}
@media(max-width:1200px){
.Green_factory .tit{ font-size: 24px;}
.Green_factory article{ font-size: 16px; line-height: 30px;}
.Green_factory article::after{ margin: 30px 0;}
}
@media(max-width:768px){
.Green_factory .tit{ font-size: 20px;}
.Green_factory article{ font-size: 14px; line-height: 26px;}
.Green_factory .list_con .fl,
.Green_factory .list_con .fr{ width: 100%!important; float: none; display: block!important;}
.Green_factory .list_con .list:nth-child(2) .content{ width: 92%; display: block; margin: 0 auto;}
.Green_factory .list_con .list:nth-child(2) .fl .txt{ padding: 5%;}
.Green_factory .list_con .list:nth-child(3) .content::before{ width: 100%;}
.Green_factory .list_con .list:nth-child(3) .fl{ margin-top: 0;}
}
@media(max-width:640px){
.Green_factory .tit{ font-size: 18px;}
}
.job_list{ padding: 5% 0;}
.job_list .list{border: 1px solid #eeeeee; margin-bottom: 10px;}
.job_list .ullist{ padding: 0 4%; font-size: 18px; color: #666666; line-height: 66px; cursor: pointer;}
.job_list .ullist li{ float: left; width: 18%; text-align: center;}
.job_list .ul_top{ background: #f7f8fa; color: #333; cursor: default; margin-bottom: 10px;}
.job_list .ullist .icon{ width: 5%; text-align: right;}
.job_list .ullist .name{ text-align: left; width: 23%;}
.job_list .icon span{ width: 22px; height: 22px; display: inline-block; vertical-align: middle; border-radius: 100%; background: url("../images/icon_arrow5.png") no-repeat center #ed6d1f;}
.job_list .con{ display: none; margin:0 2%; padding: 3% 2%; font-size: 16px; color: #666666; line-height: 30px; border-top: 1px solid #eee;}
.job_list .con .h2{ font-weight: normal; margin: 0 0 1.5%; font-size: 18px; color: #333;}
.job_list .con article{ font-size: 18px; line-height: 30px; margin-bottom: 2.5%;}
.job_list .Aon .ullist{ color: #ed6d1f;}
.job_list .Aon .icon span{ background-image: url("../images/icon_arrow6.png");}
@media(max-width:1000px){
.job_list .ullist li{ font-size: 16px;}
.job_list .con .h2{ font-size: 16px;}
.job_list .con article{ font-size: 14px; line-height: 24px;}
}
@media(max-width:768px){
.job_list .ullist .salary,
.job_list .ullist .add{ display: none;}
.job_list .ullist .name{ width: 57%;}
.job_list .ullist .icon{ width: 7%;}
}
@media(max-width:640px){
.job_list .ullist li{ font-size: 14px;}
.job_list .ullist .num,
.job_list .ullist .add{ display: none;}
.job_list .ullist .name{ width: 57%;}
.job_list .ullist li{ width: 36%;}
.job_list .ullist .icon{ width: 7%;}
}
.Dealer_area{ padding: 10% 0; background: url(../images/20210331111212169.jpg) no-repeat center top; background-size: cover;}
.Dealer_area dl{ max-width: 540px; width: 92%; margin: 0 auto; background-color: #fff; border-radius: 15px; padding: 2% 4.5%;}
.Dealer_area dt{ text-align: center; font-size: 30px; color: #333333; margin-bottom: 12%;}
.Dealer_area dd{ margin-bottom: 8%;}
.Dealer_area .text{ width: 100%; border: 1px solid #eeeeee; line-height: 56px; height: 56px; padding: 0 45px; background: url(../images/login_icon1.png) no-repeat 10px center; border-radius: 3px;}
.Dealer_area .text.password{ background-image: url(../images/login_icon2.png)}
.Dealer_area .btn{line-height: 56px; height: 56px; text-align: center; color: #fff; background-color: #ed6d1f; font-size: 16px; width: 100%; border: none; cursor: pointer;}
.Dealer_area .dd4{ text-align: center; margin:-4% 0 0;}
.Dealer_area .dd4 a{ color: #ed6d1f;}
.path_list{ padding: 4% 0;}
.path_list .slider-nav,
.path_list .auto-inner{ position: relative; }
.path_list .slider-nav ul{ padding: 0 50px;}
.path_list .slider-nav .slick-track{ display: table;}
.path_list .slider-nav li{ text-align: center; font-size: 16px; color: #666666; display: table-cell; vertical-align: bottom; float: none; padding-bottom: 68px; position: relative;}
.path_list .slider-nav h2{ margin: 0; font-size: 24px;}
.path_list .slider-nav li i{ position: absolute; width: 7px; height: 7px; border-radius: 100%; background-color: #e6e6e6; bottom: 5px; left: 50%; transform: translateX(-50%);}
.path_list .slider-nav::before,
.path_list .slider-nav li::before,
.path_list .slider-nav li i::before{ content: ''; position: absolute;}
.path_list .slider-nav::before{ width: 100%; height: 1px; background-color: #eee; left: 0; bottom: 8px;}
.path_list .slider-nav li::before{ bottom: 5px; width: 1px; height: 65px; left: 50%; background-color: #eee;}
.path_list .slider-for{ margin-top: 5%;}
.path_list .slider-for li{ margin-bottom: 20px;}
.path_list .ytable{ height: auto;}
.path_list .years{ width: 111px;}
.path_list .years time{ display: block; width: 100%; height: 111px; line-height: 111px; border-radius: 100%; background-color: #fcf1f2; font-size: 28px; color: #ed6d1f; text-align: center; font-weight: bold;}
.path_list .con{ padding-left: 3%; font-size: 18px; color: #666666;}
.path_list .month{ width: 120px; text-align: center; font-weight: bold;}
.path_list .box{ padding-left: 3%; }
.path_list .ytable .ytable{ margin-bottom: 5px;}
.path_list .ytable .ytable .ytable-cell{ vertical-align: top;}
.path_list .slider-nav li i::before{ width: 15px; height: 15px; border-radius: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);border:1px solid transparent;}
.path_list .slider-nav .slick-current{ color: #ed6d1f;}
.path_list .slider-nav .slick-current::before,
.path_list .slider-nav .slick-current i{ background-color: #ed6d1f;}
.path_list .slider-nav .slick-current i::before{ border-color:#ed6d1f;}
.path_list .slider-nav .slick-arrow{ position: absolute; width: 60px; height: 60px; background: url(../images/btn_prev.png) no-repeat center; bottom: -26px; cursor: pointer; border-radius: 100%; transition: all 0.5s; z-index: 10;}
.path_list .slider-nav .prev{ left: 0;}
.path_list .slider-nav .next{ right: 0; background-image: url(../images/btn_next.png);}
.path_list .slider-nav .slick-arrow:hover{ box-shadow: 0 5px 20px rgba(200,25,42,0.5);}
.path_list .slider-nav .prev:hover{ background-image: url(../images/btn_prev2.png);}
.path_list .slider-nav .next:hover{ background-image: url(../images/btn_next2.png);}
@media(max-width:1200px){
.path_list .slider-nav h2{ font-size: 20px;}
}
@media(max-width:640px){
.path_list .slider-nav h2{ font-size: 20px;}
.path_list .slider-nav li i{ bottom: 6px;}
.path_list .slider-for li{ padding: 3% 0;}
.path_list .slider-for li > .ytable{ display: block;}
.path_list .slider-for li > .ytable >.ytable-cell{ display: block;}
.path_list .years{ margin-left: 2%; margin-bottom: 3%;}
.path_list .years time{ font-size: 20px; width: 80px; line-height: 80px; height: 80px;}
.path_list .con{ font-size: 16px;}
}
.Dealer_index .menu_location{ border-bottom: none; padding-bottom: 2%;}
.Dealer_index .fr{ width: 20.513%;}
.Dealer_index .fl{ width: 76.283%;}
.Dealer_index .fr li{ float: none; margin-right: 0; padding-bottom: 0;}
.Dealer_index .fr .menu{ float: none; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding-bottom: 20px;}
.Dealer_index .current { font-size: 24px; color: #333333; font-weight: bold; border-bottom: 1px solid #e8e8e8; padding: 10px 0; margin-bottom: 30px;}
.Dealer_index .current figure{ width: 30px; line-height: 30px; display: inline-block; height: 30px;}
.Dealer_index{ padding-bottom: 5%;}
.Dealer_list li{ float: left; width: 32.6%; margin-right: 1%; margin-bottom: 1%; overflow: hidden;}
.Dealer_list li a{ font-size: 15px; color: #666666; transition: all 0.5s; background-color: #f7f7f7; display: block;}
.Dealer_list li p{ margin: 0;}
.Dealer_list li p *{ display: inline-block; vertical-align: middle; }
.Dealer_list li em{ width: 1px; height: 12px; background-color: #e0e0e0; margin: 0 15px;}
.Dealer_list li b{ font-size: 18px; line-height: normal; margin-left: 10px; margin-top: -5px;}
.Dealer_list .downfile b{ width: 13px; height: 13px; background: url(../images/down_icon1.png) no-repeat center;}
.Dealer_list li h2{ font-weight: normal; font-size: 18px;}
.Dealer_list li a:hover{ background-color: #ed6d1f; color: #e9a3aa;}
.Dealer_list li a:hover h2,
.Dealer_list li a:hover .more,
.Dealer_list_2 li a:hover .down{ color: #fff;}
.Dealer_list li a:hover .downfile b{ background-image: url(../images/down_icon2.png);}
.Dealer_list_1 li a{ padding:15% 10%;}
.Dealer_list_1 li h2{ margin: 5% 0; line-height: 30px; height: 90px; overflow: hidden;}
.Dealer_list_2 figure{ padding-top: 67.2%; transition: all 0.5s;}
.Dealer_list_2 .txt{ padding: 6% 8%; position: relative; transition: all 0.5s; background-color: #f7f7f7; }
.Dealer_list_2 .txt *{ margin: 0;}
.Dealer_list_2 .txt h2{ margin-bottom: 10px;}
.Dealer_list_2 .txt .down{ float: right;}
.Dealer_list_2 a:hover figure{ transform: scale(1.1);}
.Dealer_list_2 a:hover .txt{background-color: #ed6d1f;}
.Dealer_info{}
.Dealer_info header{ border-bottom: 1px solid #e8e8e8; margin-bottom: 3%; position: relative; padding-right: 150px;}
.Dealer_info header h1{ margin: 0; font-weight: normal; font-size: 30px; color: #333333;}
.Dealer_info header p{ margin:0; padding: 10px 0 20px;}
.Dealer_info header p *{ display: inline-block; font-size: 16px; color: #666666;}
.Dealer_info header .Hits{ margin-left: 5%;}
.Dealer_info header .back{ width: 132px; line-height: 40px; text-align: center; background-color: #ed6d1f; color: #fff; position: absolute; right: 0; bottom: 25px;}
@media(min-width:768px){
.Dealer_index .menu li a{ display: block; position: relative; }
.Dealer_index .menu li a::before,
.Dealer_index .menu li a::after{ content: ''; position: absolute; right: 100%;}
.Dealer_index .menu a span{ display: block; border-bottom: 1px solid #ededed; padding: 20px 10px 20px 0; background: url(../images/menu_icon.png) no-repeat right center; margin: 0 8%;}
.Dealer_index .menu a:hover,
.Dealer_index .menu .aon a{ background-color: #ed6d1f; color: #fff;}
.Dealer_index .menu li a:hover::before,
.Dealer_index .menu .aon a::before{ width: 10px; height: 100%; background-color: #ed6d1f; top: 0; }
.Dealer_index .menu li a:hover::after,
.Dealer_index .menu .aon a::after{ border: 10px solid transparent; border-right-color:#ed6d1f ; bottom: -10px;}
.Dealer_index .menu_location .menu li:after{ display: none;}
.Dealer_index .menu a:hover span,
.Dealer_index .menu .aon a span{ border-bottom-color:#ed6d1f ;}
.Dealer_list li:nth-child(3n){ margin-right: 0;}
.Dealer_list li:nth-child(3n+1){ clear: both;}
}
@media(max-width:1200px){
.Dealer_index .menu li,
.Dealer_list li h2{ font-size: 16px;}
}
@media(max-width:1024px){
.Dealer_list li a{ font-size: 13px;}
.Dealer_list li span{ display: block;}
.Dealer_list li em{ display: none;}
}
@media(max-width:768px){
.Dealer_index .fr,
.Dealer_index .fl{ width: 100%; float: none;}
.Dealer_index .current{ display: none;}
.Dealer_index .fr .menu{ background-color: transparent; padding-bottom: 0; box-shadow: none;}
.Dealer_index .fr .menu ul{ width: 100%;}
.Dealer_list li{ width: 48%; margin:0 1% 2%;}
.Dealer_list li:nth-child(2n+1){ clear: both;}
.Dealer_info header h1{ font-size: 20px;}
.Dealer_info header p *{ font-size: 14px;}
}
@media(max-width:420px){
.Dealer_list li{ width: 100%; margin:0 0 2%;}
.Dealer_list li em,
.Dealer_list li span{ display: inline-block;}
}
/*YuanDing*/
.nearby-store{padding: 5.12% 0 6.4%;}
.nearby-store .nearby-tit{ font-size: 32px;font-weight: normal;color: #333333;text-align: center;margin: 0;line-height: 1;}
.nearby-store .nearby-intro{ font-size: 18px;color: #555555;text-align: center;margin: 20px 0 50px;}
.store-filter .item{float: left;width: 20.19%;margin-right: 1.28%;}
.store-filter .item select{height: 60px;background-color: #ffffff;border: solid 1px #dddddd;width: 100%;padding: 0 40px 0 20px;font-size: 16px;color: #333;background-position: 92% center;}
.store-filter .store-search{position: relative;width: 35.57%;float: left;}
.store-filter .store-search input{height: 60px;line-height: 60px;background-color: #f7f7f7;border: 0;outline: none;font-size: 18px;width: 100%;padding: 0 50px 0 20px;}
.store-filter .store-search input::placeholder{ font-size: 18px;color: #333333;}
.store-filter .store-search input::-ms-input-placeholder{ font-size: 18px;color: #333333;}
.store-filter .store-search input::-webkit-input-placeholder{ font-size: 18px;color: #333333;}
.store-filter .store-search input::-moz-placeholder{ font-size: 18px;color: #333333;}
.store-filter .store-search .btn{background-color: #ed6d1f;display: block;position: absolute;right: 0;top: 0;line-height: 60px;color: #fff;cursor: pointer;padding: 0 20px;font-size: 18px;}
.store-filter .result{ font-size: 24px;letter-spacing: 1px;color: #333333;margin-top: 20px;}
.store-filter .result .num{ color: #ed6d1f;}
.Map000101{ background-color: #f7f7f7;margin-top: 20px;}
.Map000101 .map{float:left;width: 63.14%;height:600px;}
.Map000101 .map #allMap{ width:100%;height: 100%;}
.Map000101 .map #allMap img{ max-width:none;}
.Map000101 .info{ float:right; width:36.85%; max-height: 600px;overflow: hidden;padding: 50px 0;padding-left: 3.8%;}
.Map000101 .info ul{max-height:500px; overflow:auto;}
.Map000101 .info li{ line-height:25px;padding:0 0 20px; border-bottom:1px #dedede solid;margin-bottom: 40px;}
.Map000101 .info li .tit{ margin:0;font-size: 24px;line-height: normal; color: #333333;font-weight: normal;}
.Map000101 .info li.on .tit,.Map000101 .info li:hover .tit{color: #ed6d1f}
.Map000101 .info li.on,.Map000101 .info li:hover{ border-bottom:1px #ed6d1f solid;}
.Map000101 .info .addr,.Map000101 .info .tel{padding-left: 26px;background-position:left center;background-repeat: no-repeat; font-size: 16px;color: #666666;}
.Map000101 .info .addr{background-image: url("../images/map-addr.png");margin: 20px 0;}
.Map000101 .info .tel{background-image: url("../images/map-tel.png");}
.Map000101 .mCSB_inside>.mCSB_container{margin-right: 70px;}
.Map000101 .mCSB_scrollTools{right: 20px;}
.Map000101 .mCSB_scrollTools .mCSB_draggerRail{background-color: #fff!important;width: 10px;border-radius: 0;}
.Map000101 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 10px;background-color: #ed6d1f!important;border-radius: 0;}
.nearby-store .map-join{margin-top: 30px;}
.nearby-store .map-join .tit{font-size: 24px;font-weight: normal;margin: 0;line-height: normal;}
.nearby-store .map-join .intro{font-size: 18px;margin: 15px 0 15px;}
.nearby-store .map-join .btn{display: inline-block;padding: 5px 20px;border:1px solid #ed6d1f;color: #ed6d1f;border-radius: 50px;}
.serve-part1{padding: 5.12% 0 6.4%;}
.serve-tit,.feedback-tit{ font-size: 36px;font-weight: normal;color: #333333;line-height: normal;margin: 0;text-align: center;}
.serve-intro,.feedback-intro{font-size: 16px;color: #666666;margin: 15px 0 45px;text-align: center;}
.bg-cover{background-repeat: no-repeat;background-size: cover;background-position: center center;}
.serve-part1 .pic{padding-bottom: 134.61%;position: absolute;left: 0;top: 0;width: 100%;z-index: 1;}
.serve-part1 .slick-box li{position: relative;}
.serve-part1 .slick-box .txt{padding: 150.64% 16% 16%;background-color: #f7f7f7;text-align: center;}
.serve-part1 .slick-box li:nth-child(2n) .txt{padding:16% 16% 150.64%; }
.serve-part1 .slick-box li:nth-child(2n) .pic{top: auto;bottom: 0;}
.serve-part1 .slick-box .tit{margin: 0; font-size: 24px;font-weight: normal;color: #333333;}
.serve-part1 .slick-box .intro{ font-size: 16px;line-height: 26px;color: #666666;height: 52px;}
.slick-nav{text-align: center;margin-top: 4.48%;}
.slick-nav .slick-arrow{width: 50px;height: 15px;display: inline-block; position: relative;left: auto;right: auto; top: auto;transform: none;-webkit-transform: none;margin: 0 20px;background: url("../images/serve-arrows.png") no-repeat center center;background-size: 235.714% 100%;}
.slick-nav .slick-prev{background-position: left center;}
.slick-nav .slick-next{background-position: right center;}
.serve-part2{padding: 5.2% 0;}
.serve-part2 .serve-tit,.serve-part3 .serve-tit{margin-bottom: 50px;}
.serve-part2 .slick-box{margin: 0 -15px;}
.serve-part2 .slick-box li{border: 15px solid transparent;border-top: 0;border-bottom: 0;background: #fff;text-align: center;padding: 50px 20px; background-clip: padding-box;}
.serve-part2 .slick-box .pic{display: inline-block;width: 40px;height: 40px;background-size: contain;}
.serve-part2 .slick-box .tit{ font-size: 24px;font-weight: normal;color: #333333;margin: 20px 0 10px; }
.serve-part2 .slick-box .intro{ font-size: 16px;color: #666666;}
.serve-part2 .slick-box .btn{display: inline-block;margin-top: 25px;width: 136px;height: 42px;border: solid 1px #ed6d1f; font-size: 14px;color: #ed6d1f;line-height: 40px;text-align: center;}
.serve-part2 .slick-box .btn:hover{background: #ed6d1f;color: #fff;}
.serve-part3{padding: 6.4% 0;}
.serve-part3 .txt{float: right;width: 50%;padding: 5.1%;background:url("../images/contact-bg.jpg") no-repeat right bottom #f7f7f7;background-size: contain;}
.serve-part3 .cont{position: relative;}
.serve-part3 .pic{position: absolute;left: 0;top: 0;width: 50%;height: 100%;}
.serve-part3 .tip{ font-size: 16px;color: #333333;}
.serve-part3 .tel-txt{font-family: Arial;font-weight: bold; font-size: 36px;color: #ed6d1f;margin: 15px 0 5px;line-height: 1;}
.serve-part3 .work{ font-size: 14px;color: #666666;}
.serve-part3 .way{position: relative;}
.serve-part3 .btn{width: 156px;height: 46px;background-color: #ed6d1f; font-size: 14px;line-height: 46px;color: #ffffff;display: block;text-align: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.serve-part3 .btn::before{content:"";display: inline-block;vertical-align: middle;width: 22px;height: 18px;background: url("../images/msg.png") no-repeat center center;background-size: 100% 100%;margin-right: 10px;}
.serve-part3 .follow{margin-top: 70px;padding-top: 60px;border-top: 1px solid #e8e8e8;text-align: center;}
.serve-part3 .follow img{width: 200px;padding: 9px;border: solid 1px #ededed;}
.serve-part3 .follow .qrcode{display: inline-block;text-align: center;margin-right: 9%;}
.serve-part3 .follow .label{font-size: 14px;color: #666666;margin-top: 15px;}
/*.serve-part2 .slick-prev{ background-image: url(../images/slick-prev-on.png);}*/
/*.serve-part2 .slick-next{ background-image: url(../images/slick-next-on.png);}*/
.serve-part2 .slick-arrow{width: 50px;height: 15px;display: inline-block;background: url("../images/serve-arrows.png") no-repeat center center;background-size: 235.714% 100%;}
.serve-part2 .slick-prev{background-position: left center;}
.serve-part2 .slick-next{background-position: right center;}
.pave-guide{padding: 6.4% 0;}
.guide-tit{ font-size: 36px;font-weight: normal;color: #333333;line-height: normal;margin: 0;text-align: center;}
.guide-intro{font-size: 16px;color: #666666;margin: 15px 0 45px;text-align: center;}
.pave-guide .data{}
.pave-guide .data li{margin-bottom: 10px;}
.pave-guide .quest{position: relative; background-color: #f8f8f8;padding: 14px 50px 14px 80px; font-size: 18px;color: #333333;cursor: pointer;}
.pave-guide .quest .num{font-style: normal; position: absolute;width: 70px;font-size: 24px;font-weight: bold;text-align: center;display: inline-block;left: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.pave-guide .quest .icon{display: block;width: 12px;height: 12px;position: absolute;right: 24px;top: 0;bottom: 0;margin: auto;}
.pave-guide .quest .icon::before,.pave-guide .quest .icon::after{content:"";display: block;background: #999999;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.pave-guide .quest .icon::before{width: 100%;height: 2px;}
.pave-guide .quest .icon::after{height: 100%;width: 2px;}
.pave-guide .answer{background-color: #f8f8f8;padding: 30px 50px 50px 80px; font-size: 16px;color: #666666;display: none;position: relative;line-height: 32px;}
.pave-guide .active.quest{ background-color: #ed6d1f; color: #fff;}
.pave-guide .active.quest .icon::before{background: #fff;}
.pave-guide .active.quest .icon::after{display: none;}
.transition{transition: all 0.3s;-webkit-transition: all 0.3s;}
.Page002046 .Pages{ text-align:center; padding: 5% 0}
/* ----- PB分页数å—æ¡æ•ˆæžœ ç»“æŸ ----- */
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 8px 12px;
margin: 0 5px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
border-radius: 3px;
}
.pagination a:hover {
color: #ed6d1f;
border: 1px solid #ed6d1f;
}
.pagination a.page-num-current {
color: #fff;
background: #ed6d1f;
border: 1px solid #ed6d1f;
}
/* ----- PB分页数å—æ¡æ•ˆæžœ ç»“æŸ ----- */
@media(max-width:640px){
.Page002046 .Pages a{padding:0 8px; width: auto;margin:0 4px; line-height: 30px;}
}
@media(max-width:480px){
.Page002046 .Pages a{margin:0 2px;}
}
.fqa.pave-guide .label{font-weight: bold; width: 60px;height: 100%;font-style: normal; background-color: #eaeaea;position: absolute;left: 0;top: 0;transform: none;-webkit-transform: none;-ms-transform: none;line-height: 60px; font-size: 32px;text-align: center;}
.fqa.pave-guide .active .label{background: transparent;}
.fqa.pave-guide .answer .label{padding-top: 20px;color:#333;}
.fqa .answer .h4{margin: 0;}
.fqa .answer .dt_ls dt,.fqa .answer .dt_ls dd{position: relative;padding-left: 20px;}
.fqa .answer .dt_ls dt::before{content:""; display: block;box-sizing: border-box;background-color: #999999;border: 2px solid #fff;height: 9px;width: 9px;box-shadow: 0 0 0 1px #999;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;}
.fqa .answer .mark{color: #ed6d1f;font-size: 14px;}
.feedback{padding: 5.1% 0 6.4%;}
.feedback .cont{position: relative;background-color: #f9f9f9;}
.feedback .cont .pic{width: 34.61%;position: absolute;left: 0;top: 0;height: 100%;}
.feedback .cont .txt{width: 65.38%;float:right;padding: 5.1% 3.2% 4.4%;}
.feedback .cont .item{width: 32.6%;float: left;margin-right: 1.08%;background: #fff;margin-bottom: 10px;position: relative;}
.feedback .cont .item.rowspan2{width: 49.46%;}
.feedback .cont .item.end{margin-right: 0;}
.feedback .cont .item.rowspan3{margin-right: 0;width: 100%;}
.feedback .cont .item input,.feedback .cont .item select{width: 100%;border: 0;background: transparent;padding: 0 20px;height: 60px;line-height: 60px;font-size: 16px;}
.feedback .cont .item select{background: url(../images/select.png) no-repeat scroll 96% center transparent; display: block!important;}
.feedback .cont .item textarea{width: 100%;border: 0;background: transparent;padding: 20px;height: 150px;resize: none;font-size: 16px;}
.feedback .cont input::placeholder,.feedback .cont select::placeholder,.feedback .cont textarea::placeholder{ font-size: 16px; color: #999999;}
.feedback .cont input::-webkit-input-placeholder,.feedback .cont select::-webkit-input-placeholder,.feedback .cont textarea::-webkit-input-placeholder{ font-size: 16px; color: #999999;}
.feedback .cont input::-ms-input-placeholder,.feedback .cont select::-ms-input-placeholder,.feedback .cont textarea::-ms-input-placeholder{ font-size: 16px; color: #999999;}
.feedback .cont input::-moz-placeholder,.feedback .cont select::-moz-placeholder,.feedback .cont textarea::-moz-placeholder{ font-size: 16px; color: #999999;}
.feedback .cont .check-group{line-height: 60px;}
.feedback .cont .check-group >*{display: inline-block;vertical-align: middle;}
.feedback .cont .label{width: 120px;padding-left: 20px; font-size: 18px;font-weight: bold;display: inline-block;line-height: 60px;}
.feedback .cont .check-item{position: relative;padding-left: 24px;margin-right: 4.8%;}
.feedback .cont .check-item .name{ font-size: 18px;letter-spacing: 2px;color: #666666;}
.feedback .cont .check-item .icon{display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto; width: 14px;height: 14px;background-color: #ffffff;border: solid 4px #cccccc;border-radius: 50%;}
.feedback .cont .check-item input:checked + .icon{border: solid 4px #ed6d1f;}
.feedback .cont .check-item input{position: absolute;opacity: 0;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;cursor: pointer;}
.feedback .cont .tip{ font-size: 14px;color: #999999;}
.feedback .cont .choose-file{line-height: 30px; height: 30px;background-color: #eeeeee;border: solid 1px #cccccc;position: absolute;padding: 0 15px;right: 20px;top: 0;bottom: 0;margin: auto;display: inline-block;font-size: 14px;color: #666666;cursor: pointer;}
.feedback .cont .choose-file input{position: absolute;width: 100%;height: 100%;opacity: 0;left: 0;top: 0;}
.feedback .cont .submit{margin: 6.5% auto 0;display: block;height: 50px;line-height: 50px;text-align: center;width: 45.65%; font-size: 14px;color: #ffffff; background-color: #ed6d1f;outline: none;-webkit-appearance: none;border:0; cursor: pointer;}
.feedback .webuploader-container{display: inline-block;position: relative;}
.feedback .webuploader-container >div{width: 100%!important;height: 100%!important;}
.feedback .webuploader-container >div input{left: 0;}
.buy-way .data li{}
.buy-way .data .ytable{min-height: 750px;padding: 2% 7.6%}
.buy-way .data .pic{width: 55%;}
.buy-way .data .txt{width: 45%;}
.buy-way .data .centerTrue{text-align: center;}
.buy-way .data .centerTrue .pic{width: 66.66%;}
.buy-way .data .centerTrue .txt{width: 33.33%;}
.buy-way .data .intro{white-space: pre-wrap; font-size: 18px;line-height: 32px;}
.buy-way .data .icon{max-height: 40px;}
.buy-way .data .tit{ font-size: 36px;font-weight: normal;margin: 10px 0 5px;}
.buy-way .data .qrcode{margin-top: 40px;max-width: 200px;}
.buy-way .data .label{font-size: 14px;margin-top: 10px;}
.buy-way .data .btn{width: 136px;height: 46px;background-color: #ed6d1f;margin-top: 50px;display: inline-block;text-align: center; font-size: 16px;color: #ffffff;line-height: 46px;}
.join-part1{padding: 4.1% 0 5.2%;}
.join-tit{ font-size: 36px;font-weight: normal;line-height: normal;text-align: center;margin: 0;}
.join-part1 .data{margin-top: 40px;}
.join-part1 .data li{margin-right: 1.28%;width: 49.35%;margin-bottom: 20px; background-color: #f8f8f8;min-height: 200px;position: relative;padding: 35px 50px 35px 300px;height: 200px;float: left;}
.join-part1 .data li:nth-child(2n){margin-right: 0;}
.join-part1 .data .pic{position: absolute;left: 0;top: 0;width: 260px;height: 100%;}
.join-part1 .data .tit{ font-size: 24px;font-weight: normal;line-height: normal;margin: 0;}
.join-part1 .data .intro{max-height: 112px;overflow: auto; font-size: 16px;line-height: 28px;margin-top: 10px;}
.join-part1 .data li:nth-child(3n),.join-part1 .data li:nth-child(4n){padding: 35px 300px 35px 50px;}
.join-part1 .data li:nth-child(3n) .pic,.join-part1 .data li:nth-child(4n) .pic{left: auto;right: 0;}
.join-part2{padding: 5.2% 0 4.1%;}
.join-part2 .data{margin-top: 50px;font-size: 0;text-align: center;}
.join-part2 .data li{margin-left: 1.92%; margin-bottom: 20px; float: left; width: 18.46%;border: solid 8px rgba(255,255,255,0.4);display:block;padding: 2.5%; text-align: center;}
.join-part2 .join-tit{color: #fff;}
.join-part2 .pic{height: 36px;background-size: contain;}
.join-part2 .tit{ font-size: 24px;font-weight: normal;color: #ffffff;margin: 25px 0 15px;line-height: normal;}
.join-part2 .intro{ font-size: 14px;line-height: 24px;color: #ffffff;opacity: 0.6;height: 72px;}
.join-part3{padding: 3.125% 0 5.2%;}
.join-part3 .cont{margin-top: 50px;position: relative;}
.join-part3 .left{position: absolute;width: 50%;height: 100%;left: 0;top: 0;}
.join-part3 .right{width: 50%;float: right;padding: 4.1% 30px 20px 190px;min-height: 540px; background-color: #f7f7f7;position: relative;}
.join-part3 .tab-ls{position: absolute;left: 0;top: 12.2%;}
.join-part3 .tab-ls li{cursor: pointer; width: 136px;height: 38px;background-color: #e0e0e0;padding-left: 35px;font-size: 16px;line-height: 38px;position: relative;margin-bottom: 10px;}
.join-part3 .tab-ls li::after{content:"";display: block;width: 0;height: 0;position: absolute;right: 0;top: 0;border: 38px solid #f7f7f7;border-top-color: transparent;border-left-color: transparent;border-left-width:10px; border-right-width:10px; }
.join-part3 .tab-ls li.active{background-color: #ed6d1f;color: #fff;}
.join-part3 .right .wrap{max-height: 100%;overflow: auto;}
.join-part3 .right .icon{max-height: 50px;}
.join-part3 .right .tit{font-size: 24px;line-height: normal;font-weight: normal;}
.join-part3 .right dd{position: relative;padding-left: 20px;}
.join-part3 .right dd::before{content:"";background-color: #ed6d1f;display: inline-block;width: 4px;height: 4px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto; font-size: 16px;line-height: 36px;color: #333333;}
.join-part4{padding: 5.2% 0 4.6%;position: relative;}
.join-part4 .bg{padding-bottom: 26.04%;position: absolute;width: 100%;top: 0;left: 0;}
.join-part4 .join-tit{position: relative;z-index: 1;color: #fff;}
.join-part4 .auto-inner{position: relative; background-color: #f8f8f8;padding: 5.1% 5.1% 6.4%;margin-top: 5.2%}
.join-part4 .left{width: 50%;float: left;}
.join-part4 .right{width: 35.714%;float: right;}
.join-part4 .left .label {float: left; width: 100%; margin: 0 0 20px; padding: 0 20px; font-size: 16px;}
.join-part4 .left .item{width: 31.42%;float: left;margin-right: 2.85%;background: #fff;margin-bottom: 20px;position: relative;}
.join-part4 .left .item.end{margin-right: 0;}
.join-part4 .left .item.rowspan3{margin-right: 0;width: 100%;}
.join-part4 .left .item input,.join-part4 .left .item select{width: 100%;border: 0;background: transparent;padding: 0 20px;height: 60px;line-height: 60px;font-size: 16px;}
.join-part4 .left .item input,.join-part4 .left .item select option {color: #000}
.join-part4 .left .item select{background: url(../images/select.png) no-repeat scroll 96% center transparent; display: block!important; color: #999}
.join-part4 .left .item textarea{width: 100%;border: 0;background: transparent;padding: 20px;height: 150px;resize: none;font-size: 16px;}
.join-part4 .left input::placeholder,.join-part4 .left select::placeholder,.join-part4 .left textarea::placeholder{ font-size: 16px; color: #999999;}
.join-part4 .left input::-webkit-input-placeholder,.join-part4 .left select::-webkit-input-placeholder,.join-part4 .left textarea::-webkit-input-placeholder{ font-size: 16px; color: #999999;}
.join-part4 .left input::-ms-input-placeholder,.join-part4 .left select::-ms-input-placeholder,.join-part4 .left textarea::-ms-input-placeholder{ font-size: 16px; color: #999999;}
.join-part4 .left input::-moz-placeholder,.join-part4 .left select::-moz-placeholder,.join-part4 .left textarea::-moz-placeholder{ font-size: 16px; color: #999999;}
.join-part4 .left .submit{margin: 30px auto 0;display: block;height: 60px;line-height: 50px;text-align: center;width: 37.14%; font-size: 14px;color: #ffffff; background-color: #ed6d1f;outline: none;-webkit-appearance: none;border:0; cursor: pointer;}
.join-part4 .right .tit{position: relative;margin: 0;font-size: 16px;line-height: normal;padding-left: 22px;background: url("../images/joined.png") no-repeat left center;background-size: 10px 26px;}
.join-part4 .right .joined-ls{margin-top: 20px;height: 350px;overflow: hidden;position: relative;}
.join-part4 .joined-ls ul{position: absolute;left: 0;right: 0;width: 100%;top: 0;}
.join-part4 .joined-ls li{position: relative;line-height: 49px;height: 50px;border-bottom: 1px dashed #dbdbdb;font-size: 16px;color: #666666;padding-left: 24px;}
.join-part4 .joined-ls li::before{content:"";display: block;width: 4px;height: 4px;background-color: #ed6d1f;position: absolute;left: 0;bottom: 0;top: 0;margin: auto;}
.join-part4 .joined-ls li >span{float:left;}
.join-part4 .joined-ls .name{width: 25%;}
.join-part4 .joined-ls .tel{width: 33.333%;}
.join-part4 .joined-ls .area{width: 41.666%;}
.project-part1{padding: 5.1% 0;}
.project-tit{ font-size: 30px;letter-spacing: 3px;text-align: center;line-height: normal;margin: 0;font-weight: normal;}
.project-part1 .intro{ font-size: 16px;line-height: 32px;color: #666666;max-width: 1200px;margin: 15px auto 50px;text-align: center;}
.project-part2{padding: 5.1% 0;}
.project-part2 .data{margin-top: 4.1%;background-color: #f8f8f8;}
.project-part2 .data li{position: relative;}
.project-part2 .data .pic{position: absolute;width: 50%;left: 0;top: 0;height: 100%;}
.project-part2 .data .txt{text-align: center;padding: 5%;min-height: 500px; width: 50%;margin-left: 50%;}
.project-part2 .data .tit-en{font-family: Oswald-Bold;font-size: 72px;font-weight: bold;color: #ed6d1f;line-height: normal;margin: 0;}
.project-part2 .data .tit-cn{ font-size: 32px;font-weight: normal;color: #ed6d1f;line-height: normal;margin: 0;}
.project-part2 .data .tit-cn::after{content:"";display: block;width: 30px;height: 4px;background-color: #ed6d1f;margin: 20px auto 30px;}
.project-part2 .data .tit{ font-size: 24px;font-weight: normal;margin: 0 0 5px;}
.project-part2 .data .intro{font-size: 16px;color: #666666;}
.project-part2 .data .alt{position: absolute;bottom: 15px;width: 100%;left: 0;text-align: center; font-size: 16px;color: #ffffff;padding: 0 5%}
.project-part2 .slick-dots{padding: 0 0 0 50%;bottom: 8%;}
.project-part2 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;}
.project-part2 .slick-dots li *,.project-part2 .slick-dots li:before{display: none;}
.project-part2 .slick-dots li.slick-active{background-color: #ed6d1f;box-shadow: 0 0 0 1px #ed6d1f;}
.project-part3{padding: 3.2% 0;}
.project-part3 .bg{width: 100%;margin-top: 3.2%;}
.project-part3 .data{box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);padding-bottom: 1.2%;}
.project-part3 .data .item{padding-bottom:40%;position: relative;display: block;}
.project-part3 .data .pic{position: absolute;max-width: 90%;max-height: 90%;left: 0;bottom: 0;top: 0;right: 0;
margin: auto;
opacity: 0.4;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.project-part3 .data .item:hover .pic{
opacity: 1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none;
}
.project-part3 .slick-dots{bottom: 3.2%;}
.project-part3 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;}
.project-part3 .slick-dots li *,.project-part3 .slick-dots li:before{display: none;}
.project-part3 .slick-dots li.slick-active{background-color: #ed6d1f;box-shadow: 0 0 0 1px #ed6d1f;}
.project-part4{padding: 4.1% 0;}
.project-part4 .data{margin-top:3.8%; }
.project-part4 .data li{float: left;width: 23.555%;margin-right: 1.923%;}
.project-part4 .data li:nth-child(4n){margin-right: 0;}
.project-part4 .data .pic{padding-bottom: 100%;}
.project-part4 .data .tit{ font-size: 22px;font-weight: normal;margin: 10px 0 5px;}
.project-part4 .data .label{ font-size: 16px;color: #666666;}
.project-part4 .data .label >span{display: inline-block;vertical-align: middle;padding: 0 15px;}
.project-part4 .data .intro{ font-size: 16px;color: #666666;white-space: pre;}
.project-part4 .btn{position: relative;z-index: 2; width: 136px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #ffffff!important;display: block;margin: 3.2% auto 0;}
.project-part4 .btn::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;transform: skew(-15deg);-ms-transform: skew(-15deg);-webkit-transform: skew(-15deg); background-color: #ed6d1f;z-index: -1;}
.inner-menu{padding: 5.1% 0;text-align: center;}
.inner-menu li{display: inline-block;margin: 5px;}
.inner-menu li a{display: block; border: solid 1px #ccc;line-height: 38px;padding: 0 10px; min-width: 130px; font-size: 18px;color: #666666;}
.inner-menu li .on{border-color: #ed6d1f; background-color: #ed6d1f;color:#fff;}
.design-activity .data li{float: left;width: 32.478%;margin-right: 1.282%;margin-bottom: 3.8%;}
.design-activity .data li:nth-child(3n){margin-right: 0;}
.design-activity .data .pic{position: relative;padding-bottom: 67.19%;}
.design-activity .data figure{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.design-activity .data .time{position: absolute;bottom: 0;right: 0;width: 130px;line-height: 45px;background-color: #ed6d1f;text-align: center;font-family: Oswald-Light;font-size: 16px;color: #ffffff;}
.design-activity .data .tit{font-size: 18px;line-height: normal;font-weight: normal;margin: 30px 0 10px;}
.design-activity .data .intro{ font-size: 14px;font-weight: normal;color: #666666;line-height: normal;}
.design-activity .data a:hover .intro{color: #ed6d1f}
.design-activity .Page002046 .Pages{margin: 2.5% 0 6.4%;}
.news_info{padding: 5.1% 0;width: 82%;margin: auto;}
.news_info .title{text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #eee;}
.news_info .title > *{margin: 0;}
.news_info .title h1{font-size: 24px; font-weight: normal; padding-bottom: 10px;}
.news_info .title p{color: #666;}
.news_info .title p span{ padding: 0px 10px}
.news_info .video{ text-align: center; max-width: 800px; margin: auto}
.news_info .video *{ width: 100%}
.news_info .info_pn{ padding-top: 2%;}
.news_info .info_pn span{margin-bottom: 10px;}
.news_info img{width:auto !important;height:auto !important;}
@media(max-width:768px){
.news_info .info_pn span{ float: none}
}
.aaua-project .design-activity{ background-color: #f8f8f8;padding: 5.2% 0;}
.aaua-project .design-activity .data{margin-top: 3.8%;}
.aaua-project .design-activity .data li:nth-child(n+7){display: none;}
.aaua-tit{ font-size: 36px;margin: 0;line-height: normal;text-align: center;font-weight: normal;}
.load-more{position: relative;z-index: 2; width: 136px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #ffffff!important;display: block;margin: 20px auto 0;}
.load-more::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;transform: skew(-15deg);-ms-transform: skew(-15deg);-webkit-transform: skew(-15deg); background-color: #ed6d1f;z-index: -1;}
.aaua-part1{padding: 6.25% 0;background-color: #f8f8f8;}
.aaua-part1 .item{ background-color: #ffffff;margin-bottom: 40px;position: relative;}
.aaua-part1 .item:last-child{margin-bottom: 0;}
.aaua-part1 .item .pic{position: absolute;width: 50%;height: 100%;left: 0;top: 0;}
.aaua-part1 .item .txt{width: 50%;margin-left: 50%;padding: 6.4%;height: 440px;}
.aaua-part1 .item .cont{position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);max-height: 100%;overflow: auto;}
.aaua-part1 .item .tit{font-size: 30px;font-weight: normal;line-height: normal;margin: 0 0 35px;}
.aaua-part1 .item .intro{font-size: 16px;line-height: 32px;}
.aaua-part1 .item .skip-blank{display: inline-block;margin-top: 12%;padding-right: 15px;background: url("../images/skip-blank.png") no-repeat right center; font-size: 16px;font-weight: bold;color: #ed6d1f;}
.aaua-part1 .item .tits{font-size: 18px;font-weight: normal; line-height: 32px;margin: 0 0 10px;}
.aaua-part1 .item:nth-child(2n) .pic{left: auto;right: 0;}
.aaua-part1 .item:nth-child(2n) .txt{margin-left: 0;}
.aaua-part2{padding: 5.2% 0;}
.aaua-part2 .data{margin-top: 5.1%;padding-bottom: 1%;}
.aaua-part2 .data li{text-align: center;padding-top: 10px;vertical-align: top;}
.aaua-part2 .data .pic{display: block;margin: 0 auto 30px;width: 58.20%;padding-bottom: 58.2%;border-radius: 50%;position: relative;}
.aaua-part2 .data .pic::before{content:"";display: block;position: absolute;left: -4.4%;top: -4.4%;background: #ed6d1f;border-radius: 50%;z-index: -1;width: 100%;height: 100%;}
.aaua-part2 .data .txt{max-width: 96%;margin: 0 auto;min-height: 190px;}
.aaua-part2 .data .intro{white-space: pre-line;font-size: 14px;line-height: 24px;color: #666666;max-height: 72px;}
.aaua-part2 .data .name{white-space: pre-line; font-size: 24px;font-weight: normal;line-height: 30px;margin-bottom: 10px;max-height: 60px;}
.aaua-part2 .slick-dots{bottom: 0%;}
.aaua-part2 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;padding: 0;}
.aaua-part2 .slick-dots li *,.aaua-part2 .slick-dots li:before{display: none;}
.aaua-part2 .slick-dots li.slick-active{background-color: #ed6d1f;box-shadow: 0 0 0 1px #ed6d1f;}
.new-ls{padding: 4.1% 0 5.2%;}
.new-ls .data li{float: left;width: 32.478%;margin-right: 1.282%;margin-bottom: 3.8%;}
.new-ls .data li:nth-child(3n){margin-right: 0;}
.new-ls .data .pic{position: relative;padding-bottom: 67.19%;; overflow: hidden;}
.new-ls .data .pic .isimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.new-ls .data figure{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.new-ls .data figure{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.new-ls .data a:hover figure{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.new-ls .data .info{margin-top: 35px;}
.new-ls .data .time{ font-family: Oswald-Light;font-size: 16px;color: #666666;display: inline-block;vertical-align: middle;}
.new-ls .data .views{display: inline-block;vertical-align: middle;font-size: 16px;color: #999999;padding-left: 25px;background: url("../images/eye.png") no-repeat left center;position: relative;margin-left: 30px;}
.new-ls .data .views::before{content:"";display: block; width: 1px;height: 10px;background-color: #bbbbbb;position: absolute;left: -15px;top:0;bottom: 0;margin: auto;}
.new-ls .data .tit{font-size: 18px;line-height: normal;font-weight: normal;margin: 15px 0 0;position: relative;}
.new-ls .data .tit::after{content:"";display: block;width: 100%;height: 1px;background-color: #eeeeee;margin: 30px 0 15px;}
.new-ls .data .check-more{font-size: 16px;color: #666666;display: inline-block;}
.new-ls .data .check-more::after{content:"";display: inline-block;vertical-align: middle;width: 19px;height: 9px;background: url("../images/new-arrow.png") no-repeat center center;background-size: 100% 100%;margin-left: 20px;}
.new-ls .data a:hover .tit,.new-ls .data a:hover .check-more{color: #ed6d1f}
.new-ls .data a:hover .tit::after{background-color: #ed6d1f}
.new-ls .data a:hover .check-more::after{background: url("../images/new-arrow-on.png") no-repeat center center;background-size: 100% 100%;}
.new-ls .Page002046 .Pages{margin: 0;}
@media (min-width: 768px){
.join-part2 .data li:nth-child(5n+1){ clear: both; margin-left: 0}
}
@media (max-width: 1024px){
.buy-way .data .ytable{min-height: 0;padding-top: 5%;padding-bottom: 5%;}
.join-part1 .data li{width: 100%;margin-right: 0;}
}
@media (max-width: 768px){
.store-filter .item{width: 32%;margin-right: 2%;}
.store-filter .item:nth-of-type(3n){margin-right: 0;}
.store-filter .store-search{width: 100%;margin-top: 10px;}
.nearby-store .nearby-tit{font-size: 24px;}
.store-filter .item select,.store-filter .store-search input,.store-filter .store-search .btn{height: 40px;line-height: 40px;}
.store-filter .result{font-size: 18px;}
.Map000101 .map,.Map000101 .info{width: 100%;height: 300px;}
.Map000101 .info{padding-top: 25px;padding-bottom: 25px;}
.Map000101 .info ul{max-height: 250px;}
.serve-part2 .serve-tit, .serve-part3 .serve-tit{margin-bottom: 30px;}
.serve-tit,.guide-tit,.feedback-tit{font-size: 24px;}
.serve-part2 .slick-box .tit{font-size: 20px;}
.serve-part3 .pic{position: relative;width: 100%;padding-bottom: 76.92%;}
.serve-part3 .txt{width: 100%;}
.serve-part3 .btn{position: relative;top: auto;transform: none;margin-top: 10px;right: auto;}
.serve-part3 .follow{margin-top: 35px;padding-top: 30px;}
.serve-part3 .follow .qrcode{width: 48%;margin-right: 2%;}
.serve-part3 .follow .qrcode:nth-child(2n){margin-right: 0;}
.pave-guide .answer{padding: 20px;}
.pave-guide .quest .num,.fqa.pave-guide .label{font-size: 20px;}
.pave-guide .quest{font-size: 16px;}
.fqa.pave-guide .answer{padding-left: 80px;}
.feedback .cont .pic{position: relative;width: 100%;padding-bottom: 60%;}
.feedback .cont .txt{width: 100%;}
.feedback .cont .item{width: 100%!important;margin-right: 0;}
.feedback .cont .tip{display: block;padding: 0px 20px 10px;}
.feedback .cont .choose-file{bottom: auto;top: 15px;}
.feedback .cont .check-item{display: block;margin-left: 20px;line-height: 40px;}
.serve-intro, .feedback-intro{margin-bottom: 25px;}
.feedback .statusBar .info{display: none!important;}
.feedback .statusBar .btns{width: 100%;left: 0;right: 0;}
.feedback .statusBar .btns .webuploader-container{margin-right: 10px;}
.buy-way .data .ytable{display: block;text-align: center;}
.buy-way .data .pic,.buy-way .data .txt{display: block;width: 100%!important;text-align: center;}
.buy-way .data .txt{margin-top: 20px;}
.buy-way .data .tit{font-size: 24px;}
.buy-way .data .intro{font-size: 16px;}
.join-tit{font-size: 24px;}
.join-part1 .data .tit,.join-part2 .tit,.join-part3 .right .tit{font-size: 20px;}
.join-part1 .data .pic{position: relative;display: block;margin:auto;height: 200px;margin-bottom: 20px;}
.join-part1 .data li{padding:20px!important;height: auto; text-align: center;}
.join-part1 .data .intro{font-size: 14px;max-height: none;line-height: 26px;}
.join-part2 .data li{width: 46.64%;}
.join-part4 .joined-ls li{font-size: 14px;}
.join-part3 .left{position: relative;padding-bottom: 69.23%;width: 100%;}
.join-part3 .right{width: 100%;padding: 20px;min-height: auto;}
.join-part3 .tab-ls{position: relative;top: auto;margin-bottom: 30px;text-align: center;}
.join-part3 .tab-ls li{display: inline-block;width: auto;padding: 0 10px;margin: 5px;}
.join-part3 .tab-ls li::after{display: none;}
.join-part4 .left,.join-part4 .right{width: 100%;}
.join-part4 .left .submit{height: 40px;line-height: 40px;}
.join-part4 .right{margin-top: 30px;}
.project-tit{font-size: 24px;letter-spacing:0;margin-bottom: 30px;}
.project-part1 .intro{margin-bottom: 20px;}
.project-part2 .data .pic{width: 100%;position: relative;padding-bottom: 64.1%;}
.project-part2 .data .txt{width: 100%;margin: 0;min-height: 0;padding-bottom: 10%;}
.project-part2 .data .tit-en{font-size: 30px;}
.project-part2 .data .tit-cn{font-size: 24px;}
.project-part2 .slick-dots{padding:0;bottom: 3%;}
.project-part3 .data{padding-bottom: 4.2%;}
.project-part2 .data .tit{font-size: 20px;}
.project-part4 .data li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
.project-part4 .data li:nth-child(2n){margin-right: 0;}
.project-part4 .data .tit{font-size: 18px;}
.inner-menu li a{min-width: 100px;font-size: 14px;}
.design-activity .data li{width: 100%;margin-right: 0;}
.design-activity .data .tit{margin-top: 10px;}
.aaua-part1 .item .pic{position: relative;width:100%;padding-bottom: 56.41%;}
.aaua-part1 .item .txt{width:100%;margin: 0;height: auto;padding: 5%;}
.aaua-part1 .item .cont{top: auto;transform: none;}
.aaua-part1 .item .tit{font-size: 22px;margin-bottom: 15px;}
.aaua-tit{font-size: 24px;margin-bottom: 30px;}
.aaua-part2 .data .name{font-size: 20px;}
.new-ls .data li{width: 100%;margin-right: 0;}
.new-ls .data .info{margin-top: 15px;}
.new-ls .data .tit::after{margin: 20px 0 10px;}
.project-part4 .data .label{font-size: 14px;}
.project-part4 .data .label >span{padding: 0;}
.Map000101 .info li .tit{font-size: 20px;}
}
@media (max-width: 480px){
.join-part2 .data li{width: 100%;margin-right: 0;padding: 5% 2.5%;}
}
@media (max-width: 320px){
.join-part2 .data li{width: 100%;margin-right: 0;}
}
.newappreciation{padding-top: 10px;}
.newappreciation .title{text-align: center; font-size: 32px; font-weight: normal; color: #333;}
.newappreciation .txt{font-size: 18px; margin: 20px 0 50px 0; line-height: 1.8;}